export const animation1 = () => {
    return {
      "App.vue":`



  



      <template>
      <div
        class="content"
      >
        	<span class="start-taste-line">
					<view v-for="(item,index) in recordList" :key="index" :class="['Record']" :style="{
						 transform:\`scaleY(\${item.height})\`,
					 }" />
					
				</span>
      </div>
    </template>
    
    <script setup>
    import { ref, reactive, nextTick, onMounted, watch } from "vue";
    const	recordList= ref([{
						"id": 1,
						"height": 0
					},
					{
						"id": 2,
						"height": 0
					},
					{
						"id": 3,
						"height": 0
					},
					{
						"id": 4,
						"height": 0
					},
					{
						"id": 5,
						"height": 0
					},
					{
						"id": 6,
						"height": 0
					},
					{
						"id": 7,
						"height": 0
					},
					{
						"id": 8,
						"height": 0
					},
					{
						"id": 9,
						"height": 0
					},
					{
						"id": 10,
						"height": 0
					},
					{
						"id": 11,
						"height": 0
					},
					{
						"id": 12,
						"height": 0
					},
					{
						"id": 13,
						"height": 0
					},
					{
						"id": 14,
						"height": 0
					},
					{
						"id": 15,
						"height": 0
					},
					{
						"id": 16,
						"height": 0
					},
					{
						"id": 17,
						"height": 0
					},
					{
						"id": 18,
						"height": 0
					},
					{
						"id": 19,
						"height": 0
					},
					{
						"id": 20,
						"height": 0
					}
				])
                function getRandomInt(min, max) {
					min = Math.ceil(min);
					max = Math.floor(max);
					return Math.floor(Math.random() * (max - min + 1)) + min;
				}
    function  		getHeightComputed(num, total) {
				const t = total / 2 //获取 一般有多少
				const arr = [t + 1]
				// console.log(t);
				for (var i = 0; i < t; i++) {
					arr.push((t - i))
				}
				let totals = []
				for (var i = t; i < total; i++) {
					totals.push(i)
				}
				// console.log(arr);
				if (num > t) {
					//说明靠后 6
                    let max =totals.findIndex((res => res == num)) != -1 ? arr[totals.findIndex((res => res == num))] : 1
					return getRandomInt(t,max) 
				} else if (num < t) {
					//说明靠前
                    return getRandomInt(num,t) 
				} else {
					return t
				}
			}
		function	updataHeight(time) {
				 recordList.value.forEach((res, index) => {
            //time+ Math.sin(this.getHeightComputed(index,20) * this.height)
					res.height =  getHeightComputed(index, 20) *	time 
				})
				// t += speed;
			}
    onMounted(() => {
      let max = 5;
			let min = 0
     
			setInterval(() => {
			

				updataHeight(getRandomInt(min, max))
			}, 234)
    });
    </script>
    
    <style scoped >
  .content{
        padding-top:100px;
        background:#042C67;
        height: 492px; display: flex;justify-content: center;
  }
  	.Record {

				background-color: red; 
				width: 3px;
				height: 1px;
				display: inline-block;
				border: none;
				animation-iteration-count: infinite;
				animation-direction: alternate;
			}

    </style>
    
      
    
      
      
    
      `,
}
  };
  